“Websites promote you 24/7: No employee will do that.” –– Paul Cookson

什麼是網頁開發(Web Development)?

首先釐清一下，網頁設計跟網頁開發的區別：

網頁設計泛指你在網頁上看到的”畫面感”，舉例來說：你目前在iT邦的網頁，你覺得整體網頁的配色、排版、以及功能擺放的位置，都很符合你的觀感，那就代表這個網頁的設計是好的。網頁設計師就是專門來設計出最佳的用戶體驗。

而網頁開發就需要去"創造”這個網頁，要怎麼在網頁生出一個文字、按鈕、表單、文字框等等的元件，以及要如何讓這些元件進行互動，例如：點擊按鈕後跳轉網頁、輸入欲登入的帳密後，點選按鈕進行登入的驗證(比對當時註冊的資訊等等...)。

為什麼要學網頁開發

平常我們最容易觸碰到的應用程序就是瀏覽器，認識網頁開發，相當於對自己平時常接觸的東西有個基礎的了解。(有時候可以透過修改前端內容去略過某些視窗)

如何開始學網頁開發

在開始之前，我們要對整體有個基本的認識，網頁開發分為前端跟後端：

前端：由HTML、CSS、JavaScript組成

HTML 就像是人類的骨頭，他沒有任何的功能，例如：我創建一個按鈕的元件，但是我用滑鼠點該按鈕沒有任何反應，因為它只有皮。

CSS 就像是人類的皮膚跟五官，他只負責外觀，沒有實際的功能，例如：我將按鈕元件的背景顏色改成綠色。

JavsScript 就像是人類的器官，它負責人類的活動，例如：我將按鈕元件”賦予”點下去會跳轉到其他網頁。

這三個組合起來才會構成一個完整的網頁。你可以按下F12或是右鍵->檢查，看一下這三件套大概的樣子。

後端：可以想像成一個伺服器，當前端需要向伺服器取得資料，需要跟伺服器進行請求，後端就是在做一些驗證資料、從資料庫拿資料等等的事情。

(延伸思考: 為什麼不將登入驗證或資料都放在前端呢?)

推薦大家這個網站 W3Schools Online Web Tutorials 進行基礎學習，W3Schools也是理論搭配實作的好網站資源。